<nz-result nzStatus="info" nzTitle="请配置 Elastic Search">
  <div nz-result-extra>

    <form nz-form (ngSubmit)="submitForm()">
      <nz-form-item>
        <nz-form-label [nzSm]="9" [nzXs]="24" nzRequired nzFor="url">Url</nz-form-label>
        <nz-form-control [nzSm]="6" [nzXs]="24" nzErrorTip="请输入Url" nzExtra="请确认已经开启了跨域访问">
          <input nz-input id="url" name="url" [(ngModel)]="param.url" placeholder="请输入Url"/>
        </nz-form-control>
      </nz-form-item>

      <ng-container *ngIf="param.authentication">
        <nz-form-item>
          <nz-form-label [nzSm]="9" [nzXs]="24" nzRequired nzFor="username">用户名</nz-form-label>
          <nz-form-control [nzSm]="6" [nzXs]="24" nzErrorTip="请输入用户名">
            <input nz-input id="username" name="username" [(ngModel)]="param.username" placeholder="请输入用户名"/>
          </nz-form-control>
        </nz-form-item>

        <nz-form-item>
          <nz-form-label [nzSm]="9" [nzXs]="24" nzRequired nzFor="password">密码</nz-form-label>
          <nz-form-control [nzSm]="6" [nzXs]="24" nzErrorTip="请输入密码">
            <input nz-input type="password" id="password" name="password" [(ngModel)]="param.password"
                   placeholder="请输入密码"/>
          </nz-form-control>
        </nz-form-item>
      </ng-container>

      <nz-form-item nz-row class="register-area">
        <nz-form-control [nzSpan]="12" [nzOffset]="6">
          <label nz-checkbox name="authentication" [(ngModel)]="param.authentication">
            <span>
              身份认证
            </span>
          </label>
        </nz-form-control>
      </nz-form-item>

      <nz-form-item nz-row class="register-area">
        <nz-form-control [nzSpan]="14" [nzOffset]="5">
          <button nz-button nzType="primary">确定</button>
        </nz-form-control>
      </nz-form-item>
    </form>

  </div>
</nz-result>
